<template>
  <div :class="s.wrap">
    <header-top title='相似K线风险揭示书'/>
    <div :class="s.main">
      <div :class='s.content'>
        <warning-text />
      </div>
      <div :class="s.btn" @click='back'>确定</div>
    </div>
  </div>
</template>

<style lang='less' module='s'>
.wrap{
  width: 100%;
  .main{
    padding-top: 88px;
    width: 100%;
    background-color: #fff;
    overflow: auto;
    .content{
      color: #555;
      font-size: 30px;
      text-align: left;
      padding: 30px;
      width: 100%;
      padding-bottom: 88px;
    }
    .btn{
      position: fixed;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 88px;
      z-index: 2;
      background-color: #309fea;
      color: #fff;
      font-size: 32px;
      text-align: center;
      line-height: 88px;
      // box-shadow: 2px 0 2px 2px #ddd;
    }
  }
}
</style>

<script>
  import HeaderTop from '@/components/common/HeaderTop'
  import WarningText from '@/components/dialog/WarningText'
  export default {
    components: {
      HeaderTop,
      WarningText
    },
    methods: {
      back () {
        this.$router.go(-1)
      }
    }
  }
</script>
